.list {
    display: flex;
    justify-content: space-between;
    max-width: 500px;
    list-style: none;
    margin: 0 auto;
    margin-bottom: 25px;

    &__item {
        cursor: pointer;
    }

    .active {
        background: black;
        color: white;
        padding: 0 10px;
        font-size: 24px;
    }
}

.blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

    &__row {
        display: flex;
    }

    &__item {
        height: 150px;
        width: 250px;
        margin: 10px;
        border: 1px solid gray;
        border-radius: 5px;

        span {
            background: rgb(15, 1, 1);
            color: white;
            font-size: 12px;
            padding: 0 10px;
        }

    }
}